<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>邮件</title>
</head>
<body>
<div id="contentDiv" onmouseover="getTop().stopPropagation(event);"
     onclick="getTop().preSwapLink(event, 'html', 'ZC3011-0BpHZOhwwP2PQyVFUn5zBb4');"
     style="position:relative;font-size:14px;height:auto;padding:15px 15px 10px 15px; z-index:1;zoom:1;line-height:1.7;"
     class="body">
    <div id="qm_con_body">
        <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="">
            <style type="text/css" media="screen">
                .qmbox body {
                    padding: 0 !important;
                    margin: 0 auto !important;
                    display: block !important;
                    min-width: 100% !important;
                    width: 100% !important;
                    background: #ffffff;
                    -webkit-text-size-adjust: none;
                }

                .qmbox a {
                    color: #3999ec;
                    text-decoration: underline;
                }

                .qmbox body a {
                    color: #ffffff;
                    text-decoration: underline;
                }

                .qmbox img {
                    margin: 0 !important;
                    -ms-interpolation-mode: bicubic; /* 允许在Internet Explorer中更平滑地呈现调整大小后的图像 */
                }

                /* for recepits */
                .qmbox table {
                    mso-table-lspace: 0pt;
                    mso-table-rspace: 0pt;
                }

                .qmbox img, .qmbox a img {
                    border: 0;
                    outline: none;
                    text-decoration: none;
                }

                .qmbox #outlook a {
                    padding: 0;
                }

                .qmbox .ReadMsgBody {
                    width: 100%;
                }

                .qmbox .ExternalClass {
                    width: 100%;
                }

                .qmbox div, .qmbox p, .qmbox a, .qmbox li, .qmbox td, .qmbox blockquote {
                    mso-line-height-rule: exactly;
                }

                .qmbox a[href^=tel], .qmbox a[href^=sms] {
                    color: inherit;
                    text-decoration: none;
                }

                .qmbox .ExternalClass, .qmbox .ExternalClass p, .qmbox .ExternalClass td, .qmbox .ExternalClass div, .qmbox .ExternalClass span, .qmbox .ExternalClass font {
                    line-height: 100%;
                }

                /* END for recepits */

                .qmbox a[x-apple-data-detectors] {
                    color: inherit !important;
                    text-decoration: inherit !important;
                    font-size: inherit !important;
                    font-family: inherit !important;
                    font-weight: inherit !important;
                    line-height: inherit !important;
                }

                .qmbox .btn-18 a {
                    display: block;
                    padding: 13px 35px;
                    text-decoration: none;
                }

                .qmbox .l-white a {
                    color: #ffffff;
                }

                .qmbox .l-black a {
                    color: #000001;
                }

                .qmbox .l-grey1 a {
                    color: #dbdee2;
                }

                .qmbox .l-grey2 a {
                    color: #a1a2a4;
                }

                .qmbox .l-grey3 a {
                    color: #dadcdd;
                }

                .qmbox .l-grey4 a {
                    color: #f1f1f1;
                }

                .qmbox .l-grey5 a {
                    color: #dddedf;
                }

                .qmbox .l-grey6 a {
                    color: #bfbfbf;
                }

                .qmbox .l-grey7 a {
                    color: #dcdddd;
                }

                .qmbox .l-grey8 a {
                    color: #8e96a4;
                }

                .qmbox .l-green a {
                    color: #a4d007;
                }

                .qmbox .l-blue a {
                    color: #6a7c96;
                }

                .qmbox .l-blue1 a {
                    color: #3999ec;
                }

                .qmbox .l-blue2 a {
                    color: #9eb8cc;
                }


                /* Mobile styles */
                @media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
                    .qmbox .mpy-35 {
                        padding-top: 35px !important;
                        padding-bottom: 35px !important;
                    }

                    .qmbox .mpx-15 {
                        padding-left: 15px !important;
                        padding-right: 15px !important;
                    }

                    .qmbox .mpx-20 {
                        padding-left: 20px !important;
                        padding-right: 20px !important;
                    }

                    .qmbox .mpb-30 {
                        padding-bottom: 30px !important;
                    }

                    .qmbox .mpb-10 {
                        padding-bottom: 10px !important;
                    }

                    .qmbox .mpb-15 {
                        padding-bottom: 15px !important;
                    }

                    .qmbox .mpb-20 {
                        padding-bottom: 20px !important;
                    }

                    .qmbox .mpb-35 {
                        padding-bottom: 35px !important;
                    }

                    .qmbox .mpb-40 {
                        padding-bottom: 40px !important;
                    }

                    .qmbox .mpb-50 {
                        padding-bottom: 50px !important;
                    }

                    .qmbox .mpb-60 {
                        padding-bottom: 60px !important;
                    }

                    .qmbox .mpt-30 {
                        padding-top: 30px !important;
                    }

                    .qmbox .mpt-40 {
                        padding-top: 40px !important;
                    }

                    .qmbox .mpy-40 {
                        padding-top: 40px !important;
                        padding-bottom: 40px !important;
                    }

                    .qmbox .mpt-0 {
                        padding-top: 0px !important;
                    }

                    .qmbox .mpr-0 {
                        padding-right: 0px !important;
                    }

                    .qmbox .mfz-14 {
                        font-size: 14px !important;
                    }

                    .qmbox .mfz-28 {
                        font-size: 28px !important;
                    }

                    .qmbox .mfz-16 {
                        font-size: 16px !important;
                    }

                    .qmbox .mfz-24 {
                        font-size: 24px !important;
                    }

                    .qmbox .mlh-18 {
                        line-height: 18px !important;
                    }

                    .qmbox u + body .gwfw {
                        width: 100% !important;
                        width: 100vw !important;
                    }

                    .qmbox .td, .qmbox
                    .m-shell {
                        width: 100% !important;
                        min-width: 100% !important;
                    }

                    .qmbox .mt-left {
                        text-align: left !important;
                    }

                    .qmbox .mt-center {
                        text-align: center !important;
                    }

                    .qmbox .mt-right {
                        text-align: right !important;
                    }

                    .qmbox .m-left {
                        text-align: left !important;
                    }

                    .qmbox .me-left {
                        margin-right: auto !important;
                    }

                    .qmbox .me-center {
                        margin: 0 auto !important;
                    }

                    .qmbox .me-right {
                        margin-left: auto !important;
                    }

                    .qmbox .mh-auto {
                        height: auto !important;
                    }

                    .qmbox .mw-auto {
                        width: auto !important;
                    }

                    .qmbox .fluid-img img {
                        width: 100% !important;
                        max-width: 100% !important;
                        height: auto !important;
                    }

                    .qmbox .column,
                    .qmbox .column-top,
                    .qmbox .column-dir,
                    .qmbox .column-dir-top {
                        float: left !important;
                        width: 100% !important;
                        display: block !important;
                    }

                    .qmbox .kmMobileStretch {
                        float: left !important;
                        width: 100% !important;
                        display: block !important;
                        padding-left: 0 !important;
                        padding-right: 0 !important;
                    }

                    .qmbox .m-hide {
                        display: none !important;
                        width: 0 !important;
                        height: 0 !important;
                        font-size: 0 !important;
                        line-height: 0 !important;
                        min-height: 0 !important;
                    }

                    .qmbox .m-block {
                        display: block !important;
                    }

                    .qmbox .mw-15 {
                        width: 15px !important;
                    }

                    .qmbox .mw-2p {
                        width: 2% !important;
                    }

                    .qmbox .mw-32p {
                        width: 32% !important;
                    }

                    .qmbox .mw-49p {
                        width: 49% !important;
                    }

                    .qmbox .mw-50p {
                        width: 50% !important;
                    }

                    .qmbox .mw-100p {
                        width: 100% !important;
                    }

                    .qmbox .mbgs-200p {
                        background-size: 200% auto !important;
                    }
                }
            </style>

            <table style="margin: 0; padding: 0; width: 100%; height: 100%;" bgcolor="#ffffff" class="gwfw">
                <tr>
                    <td style="margin: 0; padding: 0; width: 100%; height: 100%;" align="center" valign="top">
                        <table width="775" class="m-shell">
                            <tr>
                                <td class="td"
                                    style="width:775px; min-width:775px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;">
                                    <table width="100%">
                                        <tr>
                                            <td class="p-80 mpy-35 mpx-15" bgcolor="#212429" style="padding: 80px;">
                                                <table width="100%">
                                                    <tr>
                                                        <td class="img pb-45"
                                                            style="font-size:0pt; line-height:0pt; text-align:left; padding-bottom: 45px;">
                                                            <a href=""
                                                               target="_blank" rel="noopener">
                                                                <img src="https://store.cloudflare.steamstatic.com/public/shared/images/email/logo.png"
                                                                     width="615" height="88">
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table width="100%">
                                                                <tr>
                                                                    <td class="title-36 pb-30 c-grey6 fw-b"
                                                                        style="font-size:36px; line-height:42px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; padding-bottom: 30px; color:#bfbfbf; font-weight:bold;"
                                                                        th:text="${username}+'，您好！'">
                                                                        ，您好！
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>
                                                                    <td class="text-18 c-grey4 pb-30"
                                                                        style="font-size:18px; line-height:25px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; color:#dbdbdb; padding-bottom: 30px;">
                                                                        您登录帐户 y1715309770 所需的 Steam 令牌验证码 为：
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>
                                                                    <td class="pb-70 mpb-50"
                                                                        style="padding-bottom: 70px;">
                                                                        <table width="100%" bgcolor="#17191c">
                                                                            <tr>
                                                                                <td class="py-30 px-56"
                                                                                    style="padding-top: 30px; padding-bottom: 30px; padding-left: 56px; padding-right: 56px;">
                                                                                    <table width="100%">
                                                                                        <tr>
                                                                                            <td class="title-48 c-blue1 fw-b a-center"
                                                                                                style="font-size:48px; line-height:52px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; color:#3a9aed; font-weight:bold; text-align:center;"
                                                                                                th:text="${verificationCode}">
                                                                                                -----
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>
                                                                    <td class="text-18 c-grey4 pb-30"
                                                                        style="font-size:18px; line-height:25px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; color:#dbdbdb; padding-bottom: 30px;">
                                                                        您会收到这封自动产生的邮件，是由于有人在
                                                                        <a style="color: #c6d4df;" rel="noopener"
                                                                           target="_blank"
                                                                           href="https://steamcommunity.com/actions/ReportSuspiciousLogin?stoken=00c4919ec3912eb2586c66ca76cfcabe98bce1b44daecef752eee068a2dbcdafddc682cd6c3771626d9e0df9a71d45f43e4bbf46698396dc7b4cbbf571a73b64ab1003cc0f72f871e3081a553b979b4c001a490da9d6c5e6d54c3b76c2034c1f">
                                                                            117.136.24.168（CN）
                                                                        </a>
                                                                        试图通过网页或移动设备登录您的帐户，且提供了正确的帐户名称与密码。
                                                                        <br><br>
                                                                        Steam 令牌验证码是完成登录所必需的。
                                                                        <span style="color: #ffffff; font-weight: bold;">
                                                                            没有人能够不访问这封电子邮件就访问您的帐户。
                                                                        </span>
                                                                        <br><br>
                                                                        <span style="color: #ffffff; font-weight: bold;">
                                                                            如果您未曾尝试登录
                                                                        </span>
                                                                        ，请更改您的 Steam 密码，并考虑更改您的电子邮件密码，以确保您的帐户安全。
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="text-18 c-blue1 pb-40"
                                                                        style="font-size:18px; line-height:25px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; color:#3a9aed; padding-bottom: 40px;"></td>
                                                                </tr>
                                                            </table>
                                                            <table width="100%">
                                                                <tr>
                                                                    <td class="pt-30" style="padding-top: 30px;">
                                                                        <table width="100%">
                                                                            <tr>
                                                                                <td class="img" width="3"
                                                                                    bgcolor="#3a9aed"
                                                                                    style="font-size:0pt; line-height:0pt; text-align:left;"></td>
                                                                                <td class="img" width="37"
                                                                                    style="font-size:0pt; line-height:0pt; text-align:left;"></td>
                                                                                <td>
                                                                                    <table width="100%">
                                                                                        <tr>
                                                                                            <td class="text-16 py-20 c-grey4 fallback-font"
                                                                                                style="font-size:16px; line-height:22px; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; padding-top: 20px; padding-bottom: 20px; color:#f1f1f1;">
                                                                                                祝您愉快，<br>
                                                                                                Steam团队
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>

                                                </table>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="py-60 px-90 mpy-40 mpx-15"
                                                style="padding: 60px 90px;">
                                                <table>
                                                    <tr>
                                                        <td class="text-18 pb-60 mpb-40 fallback-font"
                                                            style="font-size:18px; line-height:25px; color:#000001; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; padding-bottom: 60px;"
                                                         th:text="${num}">
                                                            这封电子邮件由系统自动生成，请勿回复。
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-18 pb-60 mpb-40 fallback-font"
                                                            style="font-size:18px; line-height:25px; color:#000001; font-family:'Motiva Sans', Helvetica, Arial, sans-serif; text-align:left; padding-bottom: 60px;">
                                                            这封电子邮件由系统自动生成，请勿回复。
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>

                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            <style type="text/css">
                .qmbox style, .qmbox script, .qmbox head, .qmbox link, .qmbox meta {
                    display: none !important;
                }
            </style>
        </div>
    </div>
    <style>
        #mailContentContainer .txt {
            height: auto;
        }
    </style>
</div>
</body>
</html>